{% extends 'base.html' %}
{% load staticfiles %}

{% block title %}工作记录{% endblock %}

{% block content %}


        <div class="w_1024" style="width:1024px; margin:0 auto;">


        <div id="configtable">

            <table class="table table-out-bordered table-bordered table-header-bg table-hover" id="configtb">


                <thead>
                <tr>
                    <th>类型</th>
                    <th class="comment">详情</th>
                    <th>处理时间</th>
                    <th>备注</th>
                    <th>录单</th>
                </tr>
                </thead>
                <tbody>
                {% for config in configs %}
                    <tr>
                        <td class="maintitle">{{ config.type }}</td>
                        <td>{{ config.comment }}</td>
                        <td>
                            <select class="timerange" style="width:200px;">
                                <option value="上午">上午</option>
                                <option value="下午">下午</option>
                                <option value="晚上">晚上</option>

                            </select>
                        </td>
                        <td><input class='inputmark' type="text" name="备注" style="width:400px;"></td>
                        <td>
                                                        <input name='type' type="hidden" value="{{ config.type }}"/>

                            <input name='comment' type="hidden" value="{{ config.comment }}"/>
                            <button class="addtr">增加</button>
                        </td>
                    </tr>

                {% endfor %}
                </tbody>

            </table>

        </div>
        <!-- 带搜索表格(DataTables)-1 Start -->
        <div id="refreshtable">

            <table class="table table-out-bordered table-bordered table-header-bg table-hover" id="recordtable">


                <thead>
                <tr>
                            <th style="display: none">id</th>

                    <th>报障系统</th>
                    <th>报障类别</th>
                                        <th>备注</th>

                    <th>处理人</th>
                    <th>处理时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                {% for record in workrecords %}
                    <tr>
                            <td style="display: none">{{ record.id }}</td>

                        <td>{{ record.type }}</td>
                        <td>{{ record.comment }}</td>

                        <td>{{ record.mark }}</td>
                                                <td>{{ record.worker }}</td>

                        <td>{{ record.time }}</td>

                        <td>
                            <button class="delete">删除</button>
                        </td>
                    </tr>

                {% endfor %}
                </tbody>

            </table>

        </div>
        <!-- 带搜索表格(DataTables)-1 End -->
</div>
{% endblock %}
{% block scripts %}
        <script src="{% static 'js/jquery.dataTables.js' %}" type="text/javascript"></script>
        <script src="{% static 'js/dataTables.bootstrap.js' %}" type="text/javascript"></script>
        <script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js" type="text/javascript"></script>

        <script src="{% static 'js/dialog-min.js' %}"></script>
         <script src="{% static 'js/workconfig.js' %}"></script>


{% endblock %}
